﻿<!-- #sidebar: Sidebar -->
    <div id="sidebar">

      <div class="search-mini-wrapper">
        <form action="#" class="search-mini">
      @*    <input name="search" type="text" placeholder="Search..." />
          <button type="submit">
            <i class="icon-search"></i>
          </button>*@
        </form>
      </div>      

      <!-- ul.sidebar-menu: Sidebar Menu -->
      <ul class="sidebar-menu on-click" id="main-menu">
        <li class="inactive">
          <div class="sidebar-menu-item-wrapper">
            <a href="~/ProcessTraceInfo/Dashboard" data-target-page="page-dashboard">
              <i class="icon-dashboard"></i>
              <!-- <i class="icon-icomoon-grid-view"></i> -->
              <!-- <span aria-hidden="true" class="icon-icomoon-grid-view"></span> -->
              <span>Dashboard</span>
            </a>
          </div>
        </li>
        <li class="inactive">
          <div class="sidebar-menu-item-wrapper">
            <a href="~/ProcessTraceInfo/Search" data-target-page="page-search">
              <i class="icon-search"></i>
              <span>Search</span>
            </a>
          </div>
        </li>
        @*<li class="parent inactive">
          <div class="sidebar-menu-item-wrapper">
            <a href="#">
              <i class="icon-hdd"></i>
              <!-- <i class="icon-icomoon-grid-view"></i> -->
              <span>Database</span>
            </a>
            <ul>
              <li><a href="#" data-target-page="page-database-settings"><i class="icon-cog"></i> <span>Settings</span></a></li>
              <li><a href="#" data-target-page="page-database-table1"><i class="icon-table"></i> <span>Table 1</span></a></li>
              <li class="parent inactive">
                <a href="#"><i class="icon-icomoon-grid-view"></i> <span>Sub Menu</span></a>
                <ul>
                  <li class="parent inactive">
                    <a href="#"><i class="icon-cog"></i> <span>More Settings</span></a>
                    <ul>
                      <li><a href="#" data-target-page="page-sample"><span>Alpha</span></a></li>
                      <li><a href="#" data-target-page="page-sample"><span>Beta</span></a></li>
                      <li><a href="#" data-target-page="page-sample"><span>Theta</span></a></li>
                    </ul>
                  </li>
                  <li><a href="#" data-target-page="page-database-table1"><i class="icon-table"></i> <span>Table 2</span></a></li>
                </ul>
              </li>
            </ul>
          </div>
        </li>
        <li class="inactive">
          <div class="sidebar-menu-item-wrapper">
            <a href="#" data-target-page="page-sample">
              <i class="icon-dashboard"></i>
              <span>Virtual Machines</span>
            </a>
          </div>
        </li>
        <li class="parent inactive">
          <div class="sidebar-menu-item-wrapper">
            <a href="#">
              <i class="icon-group"></i>
              <span>Users</span>
            </a>
            <ul>
              <li><a href="#" data-target-page="page-sample">User Accounts</a></li>
              <li><a href="#" data-target-page="page-sample">User settings</a></li>
              <li><a href="#" data-target-page="page-sample">Special user settings</a></li>
            </ul>
          </div>
        </li>*@
      </ul>
      <!-- /ul.sidebar-menu: Sidebar Menu -->


      <a href="#" id="sidebar-resizer">
        <i class="min icon-resize-small"></i>
        <i class="max icon-resize-full"></i>
      </a>

    </div>